<!--
* description: 验收入库
* author: xiaochengzuan
* createdDate: 2021-1-25

*author: chenweilin
* createdDate: 2021-7-10
-->

<template>
  <div class="app-container app-container-table">
    <el-tabs v-model="activeName" style="background:#fff;">
      <el-tab-pane label="总部采购入库" name="first">
        <Purchasewarehousing v-if="activeName == 'first'"/>
      </el-tab-pane>
      <el-tab-pane label="直营采购入库" name="second">
        <DirectStoreWarehousing v-if="activeName == 'second'"/>
      </el-tab-pane>
      <el-tab-pane label="外采入库" name="third">
        <OutsourcingWarehousing v-if="activeName == 'third'"/>
      </el-tab-pane>
      <el-tab-pane label="内部领用退货入库" name="fourth">
        <CollectionReturnWarehousing v-if="activeName == 'fourth'"/>
      </el-tab-pane>
      <el-tab-pane label="维修出库退货入库" name="five">
        <saleReturn v-if="activeName == 'five'"/>
      </el-tab-pane>
  </el-tabs>
  </div>
</template>
<script>

import Vue from 'vue'
import Purchasewarehousing from './WarehousingComponents/PurchaseWarehousing'
import DirectStoreWarehousing from './WarehousingComponents/DirectStoreWarehousing'
import OutsourcingWarehousing from './WarehousingComponents/OutsourcingWarehousing';
import CollectionReturnWarehousing from './WarehousingComponents/CollectionReturnWarehousing';
import saleReturn from './WarehousingComponents/saleReturn';
export default {
  // 阻塞路由预加载网格中组件的数据
  beforeRouteEnter(to, from, next) {
    Vue.prototype.$ConfigCache.CacheConfig.initData([to.path, ''], function() {
      next()
    })
  },
  components:{
    Purchasewarehousing,
    DirectStoreWarehousing,
    OutsourcingWarehousing,
    CollectionReturnWarehousing,
    saleReturn
  },
  data(){
    return{
      activeName:'first'
    }    
  },

  methods:{
    
  }
}
</script>
<style lang="scss" scoped>
.el-tabs__header {
  margin: 0 0 2px;
}
</style>
